
<!-- //Change the following line to use your own key available from http://www.google.com/apis/maps/signup.html -->

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAACJp0PNnvUtewYqyRdbOOLBRbwS-HDz4KLDEE2ZNYp8YdufDwZRTRlryjuZIzcs47Ma1pM8816yEInA" type="text/javascript"></script>

<script type="text/javascript">
var map;
var icon0;
var newpoints = new Array();
function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function'){ 
		window.onload = func
	} else { 
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
addLoadEvent(loadMap);
addLoadEvent(addPoints);

function loadMap() {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng( 21.282256543866126, 106.19556427001953), 8);
	map.setMapType(G_NORMAL_MAP);

	icon0 = new GIcon();

	icon0.image = "http://www.google.com/mapfiles/marker.png";

	icon0.shadow = "http://www.google.com/mapfiles/shadow50.png";

	icon0.iconSize = new GSize(20, 34);

	icon0.shadowSize = new GSize(37, 34);

	icon0.iconAnchor = new GPoint(9, 34);

	icon0.infoWindowAnchor = new GPoint(9, 2);

	icon0.infoShadowAnchor = new GPoint(18, 25);

}
function addPoints() {

	newpoints[0] = new Array(21.282256543866126, 106.19556427001953, icon0, 'Rùa Vàng', '<strong id="title">NHÀ HÀNG RÙA VÀNG</trong><br><span id="truso"></span><br><span id="binh">Địa chỉ: Số 1 đường Hùng Vương, Thành phố Bắc Giang<br>Tel: 02403 825 868 - 0240 850 1868<br>Website: http://nhahangruavang.com</span>'); 
	for(var i = 0; i < newpoints.length; i++) {
		var point = new GPoint(newpoints[i][1],newpoints[i][0]);
		var popuphtml = newpoints[i][4] ;
		var marker = createMarker(point,newpoints[i][2],popuphtml);
		map.addOverlay(marker);
	}
}

function createMarker(point, icon, popuphtml) {
	var popuphtml = "<div id=\"popup\">" + popuphtml + "<\/div>";
	var marker = new GMarker(point, icon);
	GEvent.addListener(marker, "mouseover", function() {
		marker.openInfoWindowHtml(popuphtml);
	});
	
		marker.openInfoWindowHtml(popuphtml);
	
	return marker;
}
</script>
<style type="text/css">
body{
	margin:0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#popup {
	background:#fff;
	margin:0px;	
	padding:5px;
	width:300px;
}
#binh{
	font-weight:normal;	
	color:#000;
}
#title{
	font-weight:bold;
	color:#090;	
}
#truso{
	color:#F00;	
	font-weight:normal;
}
</style>
<div id="map" style="width:100%;height:450px"></div>